<template>
  <div class="quickItem">
    <van-image :src="item.pic"></van-image>
    <div class="cate_name">{{ item.cate_name }}</div>
  </div>
</template>

<script>
export default {
  name: "QuickItem",
  props: ["item"],
};
</script>

<style lang="less" scoped>
.quickItem {
  .van-image {
    width: 23vw;
    height: auto;
  }
  .cate_name {
    border-left: 1px solid rgb(224, 221, 221);
    border-right: 1px solid rgb(224, 221, 221);
    text-align: center;
    font-size: 0.34rem;
    padding: 1.5vw;
  }
}
</style>